<!DOCTYPE html >
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="base :: header (title='其他入库')" />
<link th:href="@{plugins/common/css/basemessage.css}" rel="stylesheet" />
<link th:href="@{css/WareHouse/otherWarehousing.css}" rel="stylesheet" />
<style>
textarea{
resize:none;
width:200px;
height:50px;
}
</style>
<body class="">
	<div class="main-content">
		<div>
			<div>
				<div class="row">
					<div class="divClassLeft blank_bg">
						<div class="col-sm-12 col-md-12 " style="padding:10px;">
							<span class="titleX">物料</span>
						</div>
						<div style="padding: 10px;">
							<ul id="bomTree" class="ztree" style="margin-top: 5px; height: 470px; width: 100%; overflow: auto;"></ul>
						</div>
					</div>
					<div class="divClassMiddle blank_bg">
						<div class="col-sm-12 col-md-12 " style="padding:10px;">
							<span class="titleX">物料信息</span>
							<div style="float: right;">
								<button id="query" type="button" class="btn btn-default" style="margin-left: 5px;">查询</button>
								<button id="resetting" type="button" class="btn btn-default">重置</button>
							</div>
							<div style="float: right;">
								<span style="line-height: 26px;">物料代码：</span>
								<input id="fnumber" type="text" class="form-control clean_c" style="width: 110px;margin-right: 5px;" autocomplete="off"/>
								<span style="line-height: 26px;">物料名称：</span>
								<input id="fname" type="text" class="form-control clean_c" style="width: 110px;margin-right: 5px;" autocomplete="off"/>
								<span style="line-height: 26px;">规格型号：</span>
								<input id="fmodel" type="text" class="form-control clean_c" style="width: 110px;" autocomplete="off"  />
							</div>
						</div>
						<div style="padding: 10px;">
							<table id="stockInfoTable" class="table dataTable table-hover"></table>
						</div>
					</div>
					<div class="divClassRight blank_bg">
						<div class="col-sm-12 col-md-12 " style="padding:10px;">
							<span class="titleX">入库列表</span>
							<div style="float: right;">
								<button id="giveOut" type="button" class="btn btn-default" style="margin-left: 5px;">入库</button>
							</div>
						</div>
						<div style="padding: 10px;">
							<table id="pickingTable" class="table dataTable table-hover"></table>
						</div>
					</div>
				</div>
				<!-- 输入入库人卡号模态框 start -->
				<div class="modal fade " id="requesterModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="background-color: rgba(0, 0, 0, 0.5)" data-backdrop="static">
					<div class="modal-dialog" style="width: 530px; height: 220px;">
						<div class="modal-content" style="width: auto;">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
								<h4 class="modal-title" id="titleModal">入库人</h4>
							</div>
							<div class="modal-body" style="height: auto; padding: 10px;">
								<div style="text-align: center;">
									<div>
										<span class="modalSpan"><span class="requiredCss">*</span>入库人卡号：</span>
										<input type="text" id="fWorkerId" name="fWorkerId" class="clean-c form-control bj_color resetting modalInput" autocomplete="off" />
									</div>
									<div style="margin: 10px;">
										<span class="modalSpan">入库人：</span>
										<input type="text" id="fWorker" name="fWorker" class="clean-c form-control resetting modalInput" readonly="readonly" />
									</div>
									<!-- <div style="margin: 10px;">
										<span class="modalSpan"><span class="requiredCss">*</span>车间：</span>
										<select name="workshopID" id="workshop" class="selectpicker clean_C " data-live-search="true" data-width="200px">
										</select>
									</div> -->
									<div style="margin: 10px;">
										<span class="modalSpan">用途：</span>
										<textarea class="clean-c form-control resetting modalInput" id = "fNote"></textarea>									
									</div>
									<div style="margin: 10px;">
										<span class="modalSpan">选择：</span> 
										<select id= "selectOption" onchange = "changeOption()">
										    <option value="0">请选择</option>
											<option value="1">在外协发料里找不到xxx单号</option>
											<option value="2">外协补充发料</option>
											<option value="3">生产补充发料</option>											
										</select>
									</div>
									<div style="padding: 10px 0 0 10px;">
										<span class="">仓库：</span>
										<select name="fStockID" id="fStockID" class="selectpicker" data-live-search="true" data-width="140px">
										</select>
									</div>
									<div style="margin: 10px;">
										<span class="requiredCss">注：带*为必填字段。输入正确的入库人卡号，系统会自动带出入库人。</span>
									</div>
									<div style="margin-top: 10px;">
										<button id="save" class="btn btn-default" type="button" style="margin-right: 20px;">确定</button>
										<button id="back" class="btn btn-default" type="button" data-dismiss="modal" style="">取消</button>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>	
				<!-- 输入质检人员卡号模态框 end -->
			</div>
		</div>
	</div>
	<div th:include="base :: bottom" />
	<div th:include="base :: bootstrapTable" />
	<div th:include="base :: bootstrapTable-eidt" />
	<div th:include="base :: ztree" />
	<script th:src="@{js/WareHouse/otherWarehousing.js}"></script>
</body>
</html>
